<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="../template/template.xhtml">

<ui:define name="top"></ui:define>
<ui:define name="content">
	<div id="left_content" class="left_content"/>
	<div id="right_content" class="right_content">
	<h:form>
		<h:outputText value="username"/>
		<h:inputText id="username" value="#{registrationBean.userName}" immediate="true" required="true" requiredMessage="username must not be empty"/>
		<h:outputText value="emailaddress"/>
		<h:message for="username" style="color:red"/>

		<h:inputText id="email" value="#{registrationBean.email}" immediate="true" required="true">
			<f:validator validatorId="com.friendsoft.validator.EmailValidator" for="email" />
		</h:inputText>
		<h:outputText value="repeating email"/>
		<h:inputText value="#{registrationBean.email}" immediate="true"/>
		<h:outputText value="password"/>
		<h:inputSecret id="password" value="#{registrationBean.password}" immediate="true" required="true" requiredMessage="password must not be empty"/>
		<h:commandButton value="register" action="#{registrationBean.createUser}"/>
		<br/>
	</h:form>
	</div>
</ui:define>
<ui:define name="footer"></ui:define>
</ui:composition>